<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>订单详情</title>
	<link rel="stylesheet" href="../css/order_detail.css">
</head>
<body>
	<div class="mainnav">
		<div class="mainnav_l">
			<ul>
				<li><a href="#">豆瓣</a></li>
				<li><a href="#">读书</a></li>
				<li><a href="#">电影</a></li>
				<li><a href="#">音乐</a></li>
				<li><a href="#">同城</a></li>
				<li><a href="#">小组</a></li>
				<li><a href="#">阅读</a></li>
				<li><a href="#">FM</a></li>
				<li><a href="#">东西</a></li>
				<li><a href="#">市集</a></li>
				<li><a href="#">更多</a></li>
			</ul>
		</div>
		<div class="mainnav_r">
			<ul>
				<li><a href="#">下载豆瓣客户端</a>
					<div class="client">
						<img class="dou-picture" src="../img/nav_doubanapp_6.png" alt="豆瓣">
						<p class="appintro">豆瓣</p>
						<p class="slogan">我们的精神角落</p>
						<img class="qrcode" src="../img/nav_doubanapp_6_qrcode.png" alt="二维码">
						<p class="download"><a href="#">iphone</a><span>·</span><a href="#">Android</a></p>
					</div>
				</li>
				<li><a href="#">登录</a></li>
				<li><a href="#">注册</a></li>
			</ul>
		</div>
	</div>
	<!-- subnav -->

	<div class="wrapper">
		<div class="subnav">
			<div class="subnav_logo">
				<a href="#"><img class="logo" src="../img/logo.png" alt="douban"></a>
			</div>
			<ul>
					<li><a href="#">饮食</a>
						<div class="menu">
							<div class="leftdiv">
								<dl>
									<dt><a href="#">酒水</a></dt>
									<dd><a href="#">葡萄酒</a></dd>
									<dd><a href="#">米酒</a></dd>
									<dd><a href="#">白酒</a></dd>
									<dd><a href="#">啤酒</a></dd>
									<dd><a href="#">洋酒</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">地方特产</a></dt>
									<dd><a href="#">新疆</a></dd>
									<dd><a href="#">四川</a></dd>
									<dd><a href="#">湖南</a></dd>
									<dd><a href="#">云南</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
							</div>
							<div class="rightdiv">
								<a href="#"><img src="../img/right-img.png" alt=""></a>
								<p><a href="#">台湾手工黑茶糖</a></p>
							</div>
						</div>
					</li>
					<li><a href="#">服装</a>
						<div class="menu">
							<div class="leftdiv">
								<dl>
									<dt><a href="#">男下装</a></dt>
									<dd><a href="#">休闲裤</a></dd>
									<dd><a href="#">牛仔裤</a></dd>
									<dd><a href="#">短裤</a></dd>
		
								</dl>
								<dl>
									<dt><a href="#">男上装</a></dt>
									<dd><a href="#">外套</a></dd>
									<dd><a href="#">衬衫</a></dd>
									<dd><a href="#">卫衣</a></dd>
									<dd><a href="#">毛衣</a></dd>
									<dd><a href="#">海南</a></dd>
									<dd><a href="#">东北</a></dd>
									<dd><a href="#">北京</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">饮料冲调</a></dt>
									<dd><a href="#">饮料</a></dd>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">速溶</a></dd>
									<dd><a href="#">冲饮谷物</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">生鲜食品</a></dt>
									<dd><a href="#">新鲜水果</a></dd>
									<dd><a href="#">海鲜水产</a></dd>
									<dd><a href="#">生肉禽蛋</a></dd>
									<dd><a href="#">产地直供</a></dd>
									<dd><a href="#">其他</a></dd>
								</dl>
								<dl>
									<dt><a href="#">蜂蜜/茗茶</a></dt>
									<dd><a href="#">咖啡</a></dd>
									<dd><a href="#">蜂蜜</a></dd>
									<dd><a href="#">茗茶</a></dd>
								</dl>
							</div>
							<div class="rightdiv">
								<a href="#"><img src="../img/file-1478758742-0.jpg" alt=""></a>
								<p><a href="#">羊毛混纺针织衬衣</a></p>
							</div>
						</div>
					</li>
					<li><a href="#">配饰</a></li>
					<li><a href="#">包装</a></li>
					<li><a href="#">鞋靴</a></li>
					<li><a href="#">美容护肤</a></li>
					<li><a href="#">家居</a></li>
					<li><a href="#">时间</a></li>
					<li><a href="#">更多</a></li>
			</ul>
			
			<div class="subnav_r">
				<a class="user_a" href="#"><img class="user_img" src="../img/u151256155-1.jpg" alt="user"><span>个人中心</span></a>
				<a class="inquire" href="#">订单查询</a>
			</div>
			<div class="search_bar">
					<form action="" class="searchform">
						<input class="text" type="text" placeholder="搜一下试试看">
						<img src="../img/record.png" alt="">
					</form>
			</div>
		</div>
		<h3 class="detail">订单详情</h3>
		<div class="step">
			<ul>
				<li>提交订单</li>
				<li>支付订单</li>
				<li>卖家发货</li>
				<li>确认收货</li>
				<li>交易完成</li>
			</ul>
		</div>
		<div class="th_div">
			<span class="span_l">订单号: <b>2017351746</b></span>
			<span class="span_r">成交时间: 2016-12-26 21:28:53</span>
		</div>
		<div id="paytime">
			<p>您的订单已经提交，请在2016-12-27 21:28:53前完成支付，超时订单将自动关闭</p>
			<p class="paynow"><a href="#">立即支付</a></p>
			<p class="cancel"><a href="#">取消订单</a></p>
		</div>
		<h3 class="infor">订单商品信息</h3>
		<table>
			<tr class="tr2">
				<td class="item">
					<div class="goods">
						<img src="https://img3.doubanio.com/view/dianpu_product_item/small/public/p394592.jpg" alt="">
						<p><a class="p1" href="#">原瓶进口 智利蜜雪莉雅佳美娜红葡萄酒 红酒750ml</a></p>
						<p class="p2">750ml 红宝石色</p>
						<!-- <p><a class="p2" href="#">联系店家</a></p> -->
					</div>
				</td>
				<td class="price center">
					<div>单价<br><span>￥79.00</span></div>
				</td>
				<td class="quantity center">
					<div>数量<br><span>1件</span></div>
				</td>
				<td class="none center">
					<div>优惠<br><span>0.00</span></div>
				</td>
				<td class="transaction center">
					<div>状态<br><span>待付款</span></div>
				</td>
				<td  class="amount center">
					<div>金额<br><span><b>￥79.00</b></span><br><span>(包含快递 ￥0.00)</span></div>
				</td>
<!-- 				<td class="none center">-</td> -->
			</tr>
		</table>
		<h4>收货信息</h4>
		<div class="address">
			<div class="innerbox">
				<p>收货人: 多读书</p>
				<p>收货地址: 海南省 三亚市 崖州区 解放路步行街</p>
				<p>手机号码: 15582829898</p>
			</div>
		</div>
		<div class="footer">
			<p>© 2005－2016 douban.com, all rights reserved 北京豆网科技有限公司</p>
			<ul>
				<li><a href="#">关于豆瓣</a><span>·</span></li>
				<li><a href="#">在豆瓣工作</a><span>·</span></li>
				<li><a href="#">联系我们</a><span>·</span></li>
				<li><a href="#">免责声明</a><span>·</span></li>
				<li><a href="#">帮助中心</a><span>·</span></li>
				<li><a href="#">移动应用</a><span>·</span></li>
				<li><a href="#">豆瓣广告</a><span>·</span></li>
			</ul>	
		</div>
	</div>	
</body>
</html>